<template>
	<div class="que_nav">
		<a href="" class="com">
			<img src="../assets/imgs/tuangoum.png" alt="">
			<div class="desc">
				<div class="bigtit">企业鲜花团购</div>
				<div class="smalltit">专业提供鲜花定制服务</div>
			</div>
		</a>
		<img src="../assets/imgs/dg.jpg">
		<div class="f_btm clearfix">
			<a href="" class="fl" v-for="val,index in que_nav">{{val}}</a>
		</div>
		<div class="f_btm2 clearfix">
			<div class="tel fl telnow">
				<div class="icon">
				</div>
				<div class="tit">
					400电话
				</div>
			</div>
			<div class="c_service online_c fl">
				<div class="icon"></div>
				<div class="tit">在线客服</div>
			</div>
		</div>
		<div class="com_name">成都DGS网络科技有限公司</div>
		<br>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				que_nav: ['我的订单', '订单查询', '常见问题', '关于我们'],
			}
		},
		
	}
</script>

<style>
	.que_nav {
		margin-top: 10px;
		background: #fff;
	}

	.com {
		position: relative;
		display: block;
		color: #666666;
	}

	.com .desc .bigtit {
		font-size: 20px;
		font-weight: normal;
		width: 100%;
		margin-left: 0;
		border-bottom: 0;
		color: #232628;
	}

	.com .desc {
		position: absolute;
		top: 30%;
		padding-left: 3%;
	}

	.com .desc .smalltit {
		font-size: 1.125rem;
		font-weight: normal;
		margin-top: 0.5rem;
		color: #232628;
	}

	.que_nav .f_btm {
		padding-top: 1.5625rem;
	}

	.que_nav .f_btm .fl {
		width: 20%;
		text-align: center;
		background-color: #E9ECF1;
		margin-left: 4%;
		font-size: 0.6rem;
		padding: 0.3rem 0;
		color: #666666;
	}

	.que_nav .f_btm2 {
		text-align: center;
		width: 60%;
		padding-bottom: 1.5625rem;
		margin: 1.5625rem auto;
	}
	.que_nav .f_btm2 .fl{
		    width: 50%;
		    text-align: center;
	}
	.que_nav .f_btm2 .icon {
		margin: 0 auto;
		background-repeat: no-repeat;
		background-image: url(../assets/imgs/icon5.png);
		width: 45px;
		height: 45px;
		background-size: 115px;
	}

	.que_nav .f_btm2 .tel .icon {
		background-position: -2px -30px;
	}

	.que_nav .f_btm2 .tit {
		margin-top: 0.8125rem;
		font-size: 1rem;
		font-weight: 300;
		color: #666666;
	}
	.que_nav .f_btm2 .c_service .icon{
		background-position: -48px -32px;
	}
	.com_name{
		text-align: center;
		font-size: 1rem;
		margin-bottom: 40px;
	}
	
</style>
